<div class="content_main">
  <div class="page_main">
    <div class="video_sel" id="vide_sel">
      <iframe id="frTipInfoBox" class="tipInfoiframe video_frame" frameborder="0"
              scrolling="no" allowTransparency="true" style="background:transparent"></iframe>
      <div id="dvTipBox" class="displaydivTipBox video_mult">
        <ng-content select=".camera-group-selector"></ng-content>
      </div>
    </div>
    <div class="video_content">
      <div class="left_main">
        <div class="video_box">
          <div class="installSoft" *ngIf="!isInstalled" >
            <div>您还未安装过插件，双击开发包目录里的WebComponents.exe安装！</div>
            <div style="margin-top:10px;">
              <a href="#" (click)="downLoadWeb()">下载</a>
            </div>
          </div>
          <div class="video_nav" id="divPlugin">

          </div>
          <div class="play_menu" *ngIf="isInstalled">
            <a class="i_fanhui fl"  *ngIf="!doPlayBack" (click)="clickStartPlayback()"><i class="iconfont icon-fanhui1" ></i></a>
            <a class="i_fanhui f2"  *ngIf="doPlayBack" (click)="clickStartPalyAndPalyBack()"><i class="iconfont icon-fanhui1"></i></a>
            <div class="play_menu_sub">
              <a class="i_camera" id="caVideos" (click)="clickStartRecord()"><i class="iconfont icon-iconcamera" id="iconcamera"></i></a>
              <a class="i_play" (click)="startRealPlay()" [ngStyle]="{'display':!doPlayBack?'inline-block':'none'}">
                <i class="iconfont icon-player-play" id="startRealPlay"></i>
              </a>
              <a class="i_play" (click)="stopRealPlay()" [ngStyle]="{'display':doPlayBack?'inline-block':'none'}">
                <i class="iconfont icon-zanting" id="startPlayBack"></i>
              </a>
              <a class="i_zhuapai" id="caPtures" (click)="clickCapturePic()"><i class="iconfont icon-ft-photo"></i></a>
            </div>
            <a class="i_quanping fr" (click)="clickFullScreen()"><i class="iconfont icon-quanping1"></i></a>
            <a class="i_yinliang fr" id="soundId" (click)="clickOpenOrCloseSound()"><i class="iconfont icon-yinliangjingyin" id="showSound"></i></a>
          </div>
        </div>
      </div>
      <div class="right_main">
        <a class="link_btn" (click)="playback()">回放</a>
        <div class="video_sub">
          <div class="sideBar">
            <a class="sideBar_icon1"  (mouseup)="mouseUpPTZControl()" (mousedown)="mouseDownPTZControl(5)">
              <i class="iconfont icon-xia"></i>
            </a>
            <a class="sideBar_icon2" (mousedown)="mouseDownPTZControl(1)" (mouseup)="mouseUpPTZControl()">
              <i class="iconfont icon-xia"></i>
            </a>
            <a class="sideBar_icon3" (mousedown)="mouseDownPTZControl(7)" (mouseup)="mouseUpPTZControl()">
              <i class="iconfont icon-xia"></i>
            </a>
            <a class="sideBar_icon4" (mousedown)="mouseDownPTZControl(3)" (mouseup)="mouseUpPTZControl()">
              <i class="iconfont icon-xia"></i>
            </a>
            <a class="sideBar_icon5" (mousedown)="mouseDownPTZControl(9)">
              <i class="iconfont icon-jiaohu"></i>
            </a>
            <a class="sideBar_icon6" (mousedown)="mouseDownPTZControl(4)" (mouseup)="mouseUpPTZControl()">
              <i class="iconfont icon-xia"></i>
            </a>
            <a class="sideBar_icon7" (mousedown)="mouseDownPTZControl(6)" (mouseup)="mouseUpPTZControl()">
              <i class="iconfont icon-xia"></i>
            </a>
            <a class="sideBar_icon8" (mousedown)="mouseDownPTZControl(2)" (mouseup)="mouseUpPTZControl()">
              <i class="iconfont icon-xia"></i>
            </a>
            <a class="sideBar_icon9" (mousedown)="mouseDownPTZControl(8)" (mouseup)="mouseUpPTZControl()">
              <i class="iconfont icon-xia"></i>
            </a>
          </div>
          <div class="link_btn2">
            <i class="iconfont icon-tiaojiao ic_tj icon-n-a"></i>
            <span>调焦</span>
            <i class="iconfont icon-up ic_up"  (mousedown)="PTZZoomIn()" (mouseup)="PTZZoomStop()"></i>
            <i class="iconfont icon-arrow-bottom ic_bottom" (mousedown)="PTZZoomout()" (mouseup)="PTZZoomStop()"></i>
          </div>
          <div class="link_btn2">
            <i class="iconfont icon-jujiao icon-n-a"></i>
            <span>聚焦</span>
            <i class="iconfont icon-up ic_up"  (mousedown)="PTZFocusIn()" (mouseup)="PTZFoucusStop()"></i>
            <i class="iconfont icon-arrow-bottom ic_bottom" (mousedown)="PTZFoucusOut()" (mouseup)="PTZFoucusStop()"></i>
          </div>
          <div class="link_btn2">
            <i class="iconfont icon-guangquan2 icon-n-a"></i>
            <span>光圈</span>
            <i class="iconfont icon-up ic_up"  (mousedown)="PTZIrisIn()" (mouseup)="PTZIrisStop()"></i>
            <i class="iconfont icon-arrow-bottom ic_bottom" (mousedown)="PTZFoucusOut()" (mouseup)="PTZFoucusStop()"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="mask_box" *ngIf="_playback" id="dvTipBox"></div>
<iframe id="frTipInfoBox" class="tipInfoiframe iframe2 hui_box w_290" frameborder="0" scrolling="no" *ngIf="_playback" allowTransparency="true" style="background:transparent">
</iframe>
<div id="dvTipBox" class="displaydivTipBox dialog_box w_290 cus-dialog" *ngIf="_playback" style="overflow: inherit;">
  <div class="dialog_head">
    <span class="dialog_title">回放</span>
    <a class="dialog_close" (click)="close_dialog()"><i class="iconfont icon-21"></i></a>
  </div>
  <div class="dialog_main">
    <div class="dialog_row">
      <span class="dialog_row_name">开始时间</span>
      <div class="load_layer_right startDate1">
        <!--<ng-content select=".kylin-start-date"></ng-content>-->
          <nz-date-picker class="kylin-start-date" [(ngModel)]="startDate" (ngModelChange)="startDateChange($event)" nzShowTime></nz-date-picker>
      </div>
    </div>
    <div class="dialog_row">
      <span class="dialog_row_name">结束时间</span>
      <div class="load_layer_right endDate1">
        <!--<ng-content select=".kylin-end-date"></ng-content>-->
          <nz-date-picker class="kylin-end-date" [(ngModel)]="endDate" (ngModelChange)="endDateChange($event)" nzShowTime></nz-date-picker>
      </div>
    </div>
    <div class="footer_btn">
      <a class="dialog_save" (click)="clickStartPlayback()">播放</a>
    </div>
  </div>
</div>

<!--下面不可删除 是为了解决alert弹出关闭以后在视频上留下阴影的问题-->
<iframe style="height: 1px;width: 1px;background-color:transparent;position: fixed;left: 50%;top:50%;border: none"></iframe>
<script>
  (function(){
    console.log(1);
  })()
</script>
